@charset "utf-8";
.search-list{
    padding: 0 0.25rem;
    background: #fff;
}
.search-list li{
    padding: 0.32rem 0 0.35rem 0;
    border-bottom: solid 1px #e3e8ee;
}
.search-list li>h5{
    font-size: 0.24rem;
    margin-top: 0.05rem;
}
.search-list li .tit{
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    font-size: 0.34rem;
    color: #000;
}
.search-list li .tit-all{
    overflow: auto;
    text-overflow: clip;
    display:block;
    -webkit-box-orient: vertical;
    -webkit-line-break: normal;
}
.search-list li .tit i,.search-list li .tit em{
    display: inline-block;
    /*font-family: PingFangSC-Bold;*/
    font-weight: bold;
    font-size: 0.22rem;
    margin-right: 0.08rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    vertical-align: bottom;
}
.search-list li .tit i{
    background: #2288ff;
    color: #fff;
    padding: 0.04rem 0.12rem;
}
.search-list li .tit em{
    border: solid 1px #2288ff;
    color: #2288ff;
    padding: 0.02rem 0.1rem;
}
.search-list li .info{
    width: 100%;
    clear: both;
    height: 0.26rem;
    line-height: 0.26rem;
    font-size: 0.24rem;
    margin-top: 0.25rem;
}
.search-list li .info span{
    color: #969696;
    float: left;
}
.search-list li .info em{
    padding-left: 0.26rem;
    /*font-family: SFProDisplay-Regular;*/
}
.search-list li .info i{
    float: right;
    color: #636363;
}
.search-list li .describe{
    margin-top: 0.22rem;
    color: #636363;
    font-size: 0.24rem;
    line-height: 0.36rem;
    height: 0.68rem;
}
.search-list li img{
    margin-top: 0.2rem;
}
.search-list .des-tbl{
    margin-top: 0.24rem;
    width: 100%;
    font-size: 0.22rem;
    border: solid 1px #e3e8ee;
}
.des-tbl tr{
     border-bottom: solid 1px #e3e8ee;
 }
.des-tbl td{
    color: #000;
    height: 0.45rem;
    padding-left: 0.2rem;
    border-right: solid 1px #e3e8ee;
}
.des-tbl td label{
    color: #999;
}
.des-tbl td span{
    color: #999;
}
.online-sign{
    margin-top: 0.25rem;
    width: 100%;
    overflow: hidden;
}
.online-sign table{
    width: 100%;
    float: left;
    line-height: 0.42rem;
    font-size: 0.24rem;
    color: #636363;
}
.online-sign span{
    color: #f94646;
}
.online-sign .sign-btn{
    width: 2rem;
    height: 0.6rem;
    line-height: 0.6rem;
    color: #fff;
    font-size: 0.28rem;
    background: #f94646;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    margin: 0.3rem 0;
    float: right;
}
.online-sign .sign-over{
    background: #f5f7f9;
    color: #969696;
}
/*加载中动画*/
@-webkit-keyframes ball-pulse-sync {
    33% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px); }

    66% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px); }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0); } }

@keyframes ball-pulse-sync {
    33% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px); }

    66% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px); }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0); } }
.loader-inner{
    display: none;
}

.ball-pulse-sync > div:nth-child(0) {
    -webkit-animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
    animation: ball-pulse-sync 0.6s 0s infinite ease-in-out; }
.ball-pulse-sync > div:nth-child(1) {
    -webkit-animation: ball-pulse-sync 0.6s 0.07s infinite ease-in-out;
    animation: ball-pulse-sync 0.6s 0.07s infinite ease-in-out; }
.ball-pulse-sync > div:nth-child(2) {
    -webkit-animation: ball-pulse-sync 0.6s 0.14s infinite ease-in-out;
    animation: ball-pulse-sync 0.6s 0.14s infinite ease-in-out; }
.ball-pulse-sync > div:nth-child(3) {
    -webkit-animation: ball-pulse-sync 0.6s 0.21s infinite ease-in-out;
    animation: ball-pulse-sync 0.6s 0.21s infinite ease-in-out; }
.ball-pulse-sync > div {


    display: inline-block;
    background-color: #333;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block; }

/*分页样式*/
.search-page{
    height: 1rem;
    background:#fff;
    line-height: 1rem;
    padding-right:0.28rem;
    font-size: 0.24rem;
    text-align: center;
    border-bottom: solid 1px #e3e8ee;
    border-top: solid 1px #e3e8ee;
    margin-top: -1px;
}
.search-page a,.search-page label{
    display: inline-block;
    background: #f5f7f9;
    border: solid 1px #d7dde4;
    -webkit-border-radius: 0.04rem;
    -moz-border-radius: 0.04rem;
    border-radius: 0.04rem;
    color: #464c5b;
    height: 0.5rem;
    line-height: 0.5rem;
    padding: 0 0.19rem;
    margin-left: 0.2rem;
}
.search-page a.unable{
    color: #d7dde4;
}
.search-list label{
    position: relative;
}
.page-list{
    -webkit-border-radius: 0.04rem;
    -moz-border-radius: 0.04rem;
    border-radius: 0.04rem;
    position: absolute;
    left: -1px;
    bottom: 0.5rem;
    display: inline-block;
    /*width: 1.06rem;*/
    border: solid 1px #d7dde4;
    height: 2.5rem;
    overflow-y: auto;
    display: none;
    z-index: 11;
}
.page-list a{
    /*font-family: PingFangSC-Bold;*/
    width: 100%;
    font-weight: bold;
    color: #464c5b;
    height: 0.5rem;
    line-height: 0.5rem;
    background: #fff;
    border:none;
    margin: 0;
    padding: 0;
    float: left;
}
@media screen and (max-width:320px){
    .search-page{
        padding-right:0.18rem;
    }
    .search-page a,.search-page label{
        margin-left: 0.13rem;
    }
}